<script setup lang="ts">
import { Brush } from '@element-plus/icons-vue';
import { ElButton, ElIcon } from 'element-plus';

import Chat from '#/components/chat/chat.vue';
</script>

<template>
  <div class="flex h-full flex-col gap-3 rounded-lg bg-white p-3">
    <div class="flex justify-between">
      <h1 class="text-base font-medium text-[#1A1A1A]">预览</h1>
      <ElButton text>
        <ElIcon class="rotate-180"><Brush /></ElIcon>
      </ElButton>
    </div>
    <div class="relative flex-1">
      <Chat class="absolute inset-0" />
    </div>
  </div>
</template>
